<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
<a href="p5.html">点我跳转至今日的第一个节目</a>
<br>
<a href="https://www.baidu.com/">点我跳转至百度</a>
<br>
<a href="https://www.tmooc.cn/">点我跳转至达内</a>
<!-- 图片超链接 -->
<a href="https://www.tmooc.cn/">
    <img src="1.png" alt="达内" width="200px">
</a>
<br>
<!--页面打开方式: _blank打开新的空白页 _self刷新当前页 -->
<a href="http://www.baidu.com/" target="_blank">百度1</a>
<a href="http://www.baidu.com/" target="_self">百度2</a>
<hr>
<!--锚点-->
<h1>西游记</h1>
<a href="#c1">快速跳转至第1章</a>
<a href="#c2">快速跳转至第2章</a>
<a href="#c3">快速跳转至第3章</a>
<a href="#c4">快速跳转至第4章</a>
<hr>
<h3 id="c1">第一章 石猴出世</h3>
<!--    p*30>lorem-->
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur deleniti eveniet harum nihil omnis pariatur,
    qui veritatis. Accusamus accusantium cum dolorum eos, laboriosam repellendus rerum saepe similique sit tempore
    totam.</p>
<p>Aliquam, aliquid amet aspernatur consequuntur doloremque dolorum eum facilis hic incidunt ipsum laudantium maxime
    molestias, mollitia neque nesciunt placeat praesentium repudiandae rerum, sed sunt tempore veniam voluptatum.
    Officiis, quo saepe.</p>
<p>Corporis cumque enim est iure maxime? Dicta eius error id illo in, itaque iusto, maiores minus pariatur recusandae
    repellat repellendus, rerum sapiente sint vitae. Et fuga optio rem voluptatum? Atque.</p>
<p>Adipisci consequatur, cumque doloribus error et minus numquam odio quasi recusandae repellat reprehenderit sequi sunt
    vero! Accusamus animi, aperiam eligendi facere ipsa libero magni nam obcaecati, praesentium reiciendis saepe
    voluptatum!</p>
<p>Aspernatur at dignissimos enim error facere ipsam modi molestiae mollitia nam nemo nostrum officia perferendis
    praesentium quam quis sint, sit temporibus veniam. Asperiores commodi distinctio eligendi fugiat rem tenetur
    veritatis!</p>
<p>Cum doloremque in itaque! Consectetur ea impedit modi neque quis repudiandae vitae. Beatae cum deleniti excepturi
    iure iusto labore minus nemo optio saepe sequi? Accusantium dolor exercitationem sit tempora voluptatem.</p>
<p>Aliquid assumenda corporis id modi nulla sapiente sit sunt unde! Explicabo fuga recusandae tempore velit voluptatem.
    Cupiditate dolorem, doloremque earum, itaque laboriosam laudantium mollitia odit, perspiciatis placeat quod rem
    vel?</p>
<p>Accusamus adipisci aliquam aliquid aut consequuntur, cupiditate dolorem esse facere inventore itaque laborum, magnam
    minima minus neque nobis numquam, obcaecati odio quaerat reprehenderit saepe tempore vero voluptates. Cum,
    reiciendis veritatis?</p>
<p>Autem corporis culpa cumque deleniti dolorem doloremque ea eaque esse, ex, inventore laborum libero recusandae
    reiciendis repellendus similique vel, veritatis vero? Alias consequatur cum, debitis minus pariatur quam ratione
    rem.</p>
<p>Adipisci at autem distinctio eveniet ipsa nisi, perferendis provident voluptates voluptatum! Accusantium ad alias at
    autem culpa ea esse exercitationem harum magni maiores nam nemo nostrum, omnis quis, reiciendis repudiandae!</p>
<h3 id="c2">第二章 蓬莱学艺</h3>
<h3 id="c3">第三章 龙宫接宝</h3>
<h3 id="c4">第四章 改生死簿</h3>
<a href="#">快速跳转至顶部</a>
</body>
</html>